<template>
	<div class="empty my_flex_col_center">
		<img :src="logo" />
		<div class="">{{tip}}</div>
	</div>
</template>
<script>
	export default {
		props: {
			tip: {
				type: String,
				default: '暂无相关数据!'
			},
			logo: {
				type: String,
				default: require('./empty.png')
			}
		},
		data() {
			return {

			}
		},
		mounted() {
			this.$nextTick(() => {

			})
		},
		computed: {

		},

		methods: {

		}
	}
</script>
<style lang="less" scoped="scoped">
	@import '../../less/base/base.less';
	.empty {
		padding: 40px 0;
		text-align: center;
		img {
			text-align: center;
			width: 150px;
		}
		div {
			font-size: 20px;
			text-align: center;
			color: @color-txt2;
			margin-top: 20px;
		}
	}
</style>